<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HelloVue</title>
</head>
<body>
  <!-- {{}} -- VUE的占位符格式 -->
  <h1>{{info}}</h1>
  <!-- 引入vue.min.js-->
  <script src="vue.min.js"></script>
  <script type="text/javascript">
    // 把h1标签中的内容替换 成为真正的数据
    // 创建一个Vue对象
    var v = new Vue({
      el : "h1", // el = element 设置Vue的管理范围
      data : { // data用来绑定页面中的标签 可以操作其中的数据
        info : "Hello Vue" // 改变h1标签中的内容
      }
    });
    // 3秒钟之后改变info中的内容
    setTimeout(function (){
      v.info = "你好！！！"
    }, 3000);
  </script>
</body>
</html>